<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>我的订单</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/swiper.min.css">
<link rel="stylesheet" href="${basePath}/resources/weixin/css/layer.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/Icon/iconfont.css" />
</head>

<body>

<!-- 内容 -->
<main class="content swiper-container">

    <section class="tab"></section>
    <section class="swiper-wrapper">
        <!-- 未支付 -->
        <section class="swiper-slide">
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>等待买家支付</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href="${weixinPath}/shop/orderdetail"><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="">取消订单</a>
                        <a href="">付款</a>
                    </span>
                </section>
            </section>
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>换款</i>
                    <em>等待买家支付</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="">取消订单</a>
                        <a href="">付款</a>
                    </span>
                </section>
            </section>
            <section class="collection_load"><a href="">加载更多</a></section>
        </section>
        
        <!-- 已支付 -->
        <section class="swiper-slide">
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>等待卖家发货</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="${weixinPath}/shop/returnapply">退款</a>
                    </span>
                </section>
            </section>
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>卖家已发货</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="">退款</a>
                    </span>
                </section>
            </section>
            <section class="collection_load"><a href="">加载更多</a></section>
        </section>
        
        <!-- 已签收 -->
        <section class="swiper-slide">
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>交易完成</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="${weixinPath}/shop/returnapply">退货</a>
                    </span>
                </section>
            </section>
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>交易完成</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                        <a href="">退货</a>
                    </span>
                </section>
            </section>
            
            <section class="collection_load"><a href="">加载更多</a></section>
        </section>
        
        <!-- 退单 -->
        <section class="swiper-slide">
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>退单中</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                    </span>
                </section>
            </section>
            <section class="check">
                <span class="check_title">
                    <i>2016.10.25 16:20</i>
                    <i>回收</i>
                    <em>退单完成</em>
                </span>
                <section class="product_list">
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                    <section class="product">
                        <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
                        <section class="text">
                            <p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                            <span>颜色分类：白色</span>
                        </section>
                        <section class="price_1">
                            <em>￥8000.00</em>
                            <i>X 1</i>
                        </section>
                    </section>
                </section>
                <section class="check_button">
                    <span>
                        <em>共1件商品</em>
                        <em>合计：<i>1800.00</i></em>
                    </span>
                    <span>
                        <a href="">联系卖家</a>
                    </span>
                </section>
            </section>
            <section class="collection_load"><a href="">加载更多</a></section>
        </section>
    </section>
    
</main>

<script type="text/javascript" src="${basePath}/resources/weixin/js/swiper.min.js"></script>
<script type="text/javascript">
var mySwiper = new Swiper('.swiper-container',{
	pagination: '.tab',
	paginationClickable: true,
	//autoHeight: true,
	paginationBulletRender: function (index, className) {
		switch (index) {
			case 0: name='未支付';break;
			case 1: name='已支付';break;
			case 2: name='已签收';break;
			case 3: name='退单';break;
			default: name='';
		}
  	return '<span class="' + className + '">' + name + '</span>';
	}
});
</script>
</body>
</html>
